<template>
  <h2>子组件</h2>
</template>
<script setup lang="ts">
import { onBeforeMount, onMounted, onBeforeUnmount, onUnmounted } from 'vue'
onBeforeMount(() => {
  console.log('子组件onBeforeMount')
})
onMounted(() => {
  console.log('子组件onMounted')
})
onBeforeUnmount(() => {
  console.log('子组件onBeforeUnmount')
})
onUnmounted(() => {
  console.log('子组件onUnmounted')
})
</script>
